<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>

<body>
	<h3>点击图片中的位置看查看其他图片</h3>
	<img alt="" src="../image/1.jpg" usemap="#work" />
	<map name="work">
		<!-- coords：右、上、左、下 -->
		<area shape="rect" coords="25,68,220,450" href="../image/2.jpg" />
		<area shape="rect" coords="360,68,460,200" href="../image/3.jpg" />
		<area shape="rect" coords="360,268,460,200" href="../image/4.jpg" />
	</map>
</body>

</html>